import { Link, useNavigate } from "react-router-dom";

/**
 * 【声明式导航】
 *      1、导入 mport { Link } from "react-router-dom";
 *      2、<Link to="/路由地址" ></Link>
 */
<Link to="/路由地址">跳转</Link>;

/**
 * 【编程式导航】
 *      1、通过 useNavigate 钩子函数得到导航方法、通过调用方法进行路由跳转
 */
const navigate = useNavigate();
<button onClick={() => navigate("/跳转路径")}></button>;
